<template>
	<view style="height: 100vh;background: white;">
<!-- 		<view class="cu-bar  bg-white">
			<view class="action">
				<text class="cuIcon-title text-gray"></text>备注信息
			</view>
		</view> -->
		<view class="cu-timeline" v-for="(item, index) in list" :key="index">
			<!-- <view class="cu-time">06-17</view> -->

			<uni-dateformat class="cu-time" format="MM-dd" :date="item.created_at"></uni-dateformat>
			<view class="cu-item">
				<view class="cu-list menu-avatar">
					<view class="cu-item">
						<!-- :style="{width: 100/todoItem.todo_item_need_dos2.length+'%'}" -->
						<view class="cu-avatar round" :style="{backgroundImage:`url(${item.user.avatarUrl})`}">
							<!-- <view class="cu-tag badge"
								:class="item.user.user_gender==0?'cuIcon-female bg-pink':'cuIcon-male bg-blue'"></view> -->
								<view class="cu-tag badge"
									:class="item.user.user_gender==2?'cuIcon-male bg-pink':item.user.user_gender==1?'cuIcon-female bg-blue':'cuIcon-question bg-gray'"></view>
						</view>
						<view class="content flex-sub">
							<view style="color:#333333">{{item.user.user_name}}</view>
							<view class="text-gray text-sm flex justify-between">
								<uni-dateformat format="hh:mm:ss" :date="item.created_at"></uni-dateformat>
							</view>
						</view>
					</view>
				</view>
				<view class="content">
					<!-- <view class=" radius">
				
						<uni-dateformat class="cu-tag bg-cyan" format="MM月dd日" :date="item.created_at">
						</uni-dateformat>
						<uni-dateformat class="cu-tag line-cyan" format="hh:mm:ss" :date="item.created_at">
						</uni-dateformat>
					</view> -->
					<view class="margin-top">{{item.content}}</view>
				</view>
				
			
				
			</view>
		</view>
	</view>
</template>

<script>
	import {
		todo_item_remind
	} from "@/common/api.js";
	export default {
		onLoad(option) {
			console.log(option);
			// 查询提醒信息列表
			todo_item_remind(option.todo_item_id).then(res=>{
				console.log(res);
				if(res.code===200&&res.data.todo_item_remind.length>0){
					this.list = res.data.todo_item_remind
				}
			}).catch((err=>{
				console.log(res);
			}))
		},
		data() {
			return {
				list:[]
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
